<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <link href="/m/css/center/singlephoto.css" rel="stylesheet"/>
    <input type="hidden" value="album" id="filedir">
    <div class="page-group">
        <div class="page page_manage_singlephoto">

            <header class="head-nav-wrap">
                <div class="head-nav ">
                    <div class="nav-title">
                        上传照片
                    </div>
                    <div class="nav-left">
                        <a href="javascript:;" onClick="bottlecms.back()">
                            <i class="icon icon-bottlecms-100"></i>
                        </a>
                    </div>
                </div>
            </header>

            <div class="page-content">
                <div class="content_box">
                    <div class="photobox" style="text-align: center;">

                        <div class="photo-previews"
                             th:style="'background-image: url('+${bcSingles.photo}+')'">
                        </div>
                        <div style="padding: .5rem;">请上传本人真实正脸照</div>
                        <div class="upfilebox bcui-upload-box" style="display: inline-block;">
                            <button class="btn">上传照片</button>
                            <input type="hidden" name="photo"/>
                            <input type="file" id="file" accept="image/*" data-function="upphoto"/>
                        </div>

                    </div>

                    <div class="example">
                        <div class="title">照片上传示例</div>
                        <img class="img" src="/m/img/single_photo_example.png">

                    </div>
                </div>


                <div class="clipbox">
                    <div class="clipArea" id="clipArea"></div>

                    <div class="clipbtnbox">
                        <button class="btn  btn-info " id="clipBtn">确认</button>
                        <button class="btn btn-invalid cancel">取消</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script id="javascript-bottlecms-hammer" src="/m/js/hammer.min.js?v=4.5.6" type="text/javascript"></script>
    <script id="javascript-bottlecms-iscroll-zoom" src="/m/js/iscroll-zoom-min.js?v=4.5.6"
            type="text/javascript"></script>
    <script id="javascript-bottlecms-lrz-bundle" src="/m/js/lrz.all.bundle.js?v=4.5.6" type="text/javascript"></script>
    <script id="javascript-bottlecms-lrz-PhotoClip" src="/m/js/PhotoClip.js?v=4.5.6" type="text/javascript"></script>
    <script id="javascript-bottlecms-lrz-PhotoClip" src="/m/js/center/singlephoto.js" type="text/javascript"></script>
</div>
</html>
